<template>
  <div>
    <input type="text" placeholder="用户名" v-model="username" />
    <br />
    <input type="password" placeholder="密码" v-model="password" />
    <br />
    下拉列表:
    <select v-model="team">
      <option value="我是11">11</option>
      <option value="我是22">22</option>
      <option value="我是33">33</option>
    </select>
    <br />
    单选框:
    <input type="radio" value="男生" v-model="gender" />男
    <input type="radio" value="女生" v-model="gender" />女
    <br />
    复选框: (1)
    <input type="checkbox" v-model="eat" />吃饭
    <br />
    (2)
    <input type="checkbox" value="sing" v-model="hobby" />唱歌
    <input type="checkbox" value="see" v-model="hobby" />看书
    <input type="checkbox" value="dance" v-model="hobby" />跳舞
    <br />
    个人简介：
    <textarea v-model="intro"></textarea>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: "",
      password: "",
      team: "",
      gender: "",
      eat: "",
      hobby: [],
      intro:""
    };
  },
};
</script>

<style>
</style>